<template>
  <div>
    <h2>登录</h2>
    <table border="1">
      <tr>
        <td>用户名</td>
        <td>
          <input type="text" v-model="info.dname">
        </td>
      </tr>
      <tr>
        <td>密码</td>
        <td>
          <input type="password" v-model="info.dpwd">
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <input type="button" value="登录" @click="Login">
        </td>

      </tr>
    </table>

  </div>
</template>

<script setup lang="ts">
import { ref ,onMounted} from 'vue';
import axios from 'axios';
import { useRouter } from 'vue-router';
const router=useRouter();
const info=ref({
  dname:'',
  dpwd:'',
})
//登录
const Login=()=>{
  if(info.value.dname=="")
  {
    alert("用户名不能为空");
    return;
  }
  if(info.value.dpwd=="")
  {
    alert("密码不能为空并需要包含字母、数字、特殊字符");
    return;
  }
  if(info.value.dpwd.length<6)
  {
    alert("密码不能为空并需要包含字母、数字、特殊字符");
    return;
  }
  axios({
    url:"http://localhost:59085/api/CF/dengluInfo",
    method:"get",
    params:{
      dname:info.value.dname,
      dpwd:info.value.dpwd,
    }
  }).then((res)=>{
    if(res.data==200)
    {
      alert("用户不存在");

    }
    else if(res.data==300)
    {
      alert("密码错误");
 
    }
    else if(res.data>0)
    {
      alert("登录成功");
      router.push("DenglushowView");
    }
    else
    {
      alert("添加失败");
    }
  })
  

}
</script>

<style scoped>

</style>